.parent{
    position: relative;
    height: 100%;
}
.child{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-7%);

    width: 376px;
    height: 830px;
    background-color: #e3e075;
}


/* 清除元素默认的内外边距 */
* {
    margin: 0;
    padding: 0;
}
/* 让所有斜体不倾斜 */
em,
i {
    font-style: normal;
}
/* 去掉列表前面的小圆点 */
li {
    list-style: none;
}
/* 图片没有边框    去掉图片底侧的空白缝隙 */
img {
    border: 0;
    vertical-align: middle;
}
/* 让button按钮鼠标变成小手 */
button {
    cursor: pointer;
}
/* 取消链接下划线 */
a {
    color: #666;
    text-decoration: none;
}
button,
textarea,
input {
    font-family: 'Microsoft YaHei','Heiti sc',tahoma,arial,'Hiragino Sana GB'
        ,\\5B8B\4F53,sans-serif;
        outline: none;
}
body {
    background-color: #FFFFCC;
    font: 12px/1.5 'Microsoft YaHei','Heiti sc',tahoma,arial,'Hiragino Sana GB'
        ,\\5B8B\4F53,sans-serif;
}
.hide,
.none {
    display: none;
}
/* 清除浮动 */
.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0;
}
.clearfix {
    *zoom:1;
}